<style>
    .under-line {
      text-decoration: underline;
      color: rgb(41, 158, 236);
      cursor: pointer;
    }
    .hide-text {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .tc-img {
      padding-right: 15px;
      float: left;
    }
    .money {
      color: #f00;
      padding: 0px
    }
  </style>
<div class="wrapper-md ng-scope">
  <div class="row" novalidate>
    <div class="panel panel-default">
      <tabset class="tab-container" style="margin-bottom: 0px;">
  
        <tab heading="套餐列表">
          <div class="panel-body">
            <div class="col-lg-4" ng-repeat="package in package_list">
              <div class="panel panel-info">
                <div class="panel-body">
                  <div class="tc-img">
                    <img ng-src="https://shangke2.oss-cn-qingdao.aliyuncs.com/app/shopad/companycode1545190543000/no_picture.png" class="img-circle" width="70" height="70">
                  </div>
                  <div style="width: 100%">
                    <h4 style="margin: 2px" title={{package.name}} class="hide-text">{{package.name}}</h4>
                    <i class="col-lg-6 money" ng-show="package.price_level3">￥{{package.price_level3*0.01}}/<span style="font-size: 13px">年</span></i>
                    <i class="col-lg-6 money" ng-show="package.price_level2 && !package.price_level3">￥{{package.price_level2*0.01}}/<span style="font-size: 13px">半年</span></i>
                    <i class="col-lg-6 money" ng-show="package.price_level1 && !package.price_level2 && !package.price_level3">￥{{package.price_level1*0.01}}/<span style="font-size: 13px">季度</span></i>
                    <div class="col-lg-3" style="padding: 2px; width: 30%">
                      <button class="btn btn-xs btn-block btn-success" type="button" ng-click="getInfo(package,true)">
                        {{package.is_try != 0 && package.pay_type == 0?'试 用':'开 通'}}
                      </button>
                    </div>
                    <div class="col-lg-offset-1 col-lg-3" style="padding: 3px">
                      <a class="btn-link under-line hide-text" ng-click="getInfo(package,false)">详情</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </tab>
  
        <tab heading="已开通">
          <div class="panel-body">
            <div class="col-lg-4" ng-show="package.end_flag != 2" ng-repeat="package in package_list">
              <div class="panel panel-info">
                <div class="panel-body">
                  <div class="tc-img">
                    <img ng-src="https://shangke2.oss-cn-qingdao.aliyuncs.com/app/shopad/companycode1545190543000/no_picture.png" class="img-circle" width="70" height="70">
                  </div>
                  <div style="width: 100%">
                    <h4>
                      <span style="float: left; width: 60%" title={{package.name}} class="hide-text">{{package.name}}</span>
                      <a class="btn-link under-line hide-text text-right" ng-click="getInfo(package,true)">
                        <span style="font-size: 15px">续 费</span>
                      </a>
                    </h4>
                    <div class="col-lg-7 text-danger" ng-if="package.end_flag==0" style="padding: 0px;">已过期</div>
                    <div class="col-lg-7" ng-if="package.end_flag==1" style="padding: 0px;">{{package.period_end}}到期</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </tab>

      </tabset>
    </div>
  </div>
</div>
  
  
  